import React from 'react';
import { View, Text, StyleSheet, PixelRatio } from 'react-native';

import Title from '../res/components/Title'

var Dimensions = require('Dimensions');
var ScreenWidth = Dimensions.get('window').width

export default class HotelPage extends React.Component {
    static navigationOptions = {
        title: 'Hotel',
        // headerStyle: {
        //     backgroundColor: '#fff',
        // },
        // headerTintColor: '#333',
        // headerTitleStyle: {
        //     fontWeight: 'bold',
        // },
        // headerLeft: <Text onPress={() => {

        // }}>left</Text>,
        // headerRight: <Text>right</Text>
    };
    constructor (props) {
        super(props);
        this.state = {
           
        }
    }

    renderTitle() {
        return (
            <Title
                navigation={this.props.navigation}
                hasLeftTitle={true}
            />
        )
    }

    render () {

        return (
            <View style={[styles.wrap, styles.flex1]}>
               {this.renderTitle()}
            </View>
        )
    }
}

var styles = StyleSheet.create ({
    wrap: {
        flexDirection: 'column',
        backgroundColor: '#fff',
    },
    flex1: {
        flex: 1,
    }
})
